<f:layout name="Default"/>
<f:section name="main">
    <div class="">
        <f:form action="update" name="config" object="{config}" enctype="multipart/form-data">
            <fieldset>
                <!-- Nav tabs -->
                <ul class="nav nav-tabs">
                    <li class="active"><a href="#basic" aria-controls="basic" data-toggle="tab">基本信息</a></li>
                    <li><a href="#seo" aria-controls="seo" data-toggle="tab">SEO</a></li>
                    <li><a href="#style" aria-controls="style" data-toggle="tab">样式</a></li>
                    <li><a href="#mail" aria-controls="mail" data-toggle="tab">邮件</a></li>
                    <li><a href="#certificate" aria-controls="certificate" data-toggle="tab">电子证书</a></li>
                    <li><a href="#wechat" aria-controls="wechat" data-toggle="tab">微信</a></li>
                    <li><a href="#alipay" aria-controls="alipay" data-toggle="tab">支付宝</a></li>
                </ul>

                <!-- Tab panes -->
                <div class="tab-content">
                    <div class="tab-pane active" id="basic">
                        <div class="form-group">
                            <label for="logo">Logo</label>
                            <pre><img src="fileadmin/templates/{template}/public/images/logo.png?hash={hash}" class="img-responsive" alt="" /></pre>
                            <input id="logo" type="file" name="logo" data-classbutton="btn btn-default" data-classinput="form-control inline" class="filestyle form-control" />
                        </div>

                        <div class="form-group">
                            <label for="sitetitle">网站标题</label>
                            <input type="text" id="sitetitle" name="sitetitle" value="{sitetitle}" class="form-control" />
                        </div>

                        <div class="form-group">
                            <label for="baseURL">网站域名</label>
                            <input type="text" id="baseURL" name="TYPO3_CONF_VARS[FE][baseURL]" value="{TYPO3_CONF_VARS.FE.baseURL}" class="form-control" />
                            <span class="help-block m-b-none">比如：http://www.yourdomain.org/ 以/结尾</span>
                        </div>

                        <div class="form-group">
                            <label for="beian">备案号</label>
                            <input type="text" id="beian" name="TYPO3_CONF_VARS[FE][beian]" value="{TYPO3_CONF_VARS.FE.beian}" class="form-control" />
                        </div>
                    </div>
                    <div class="tab-pane" id="seo">
                        <div class="form-group">
                            <label for="keywords">关键字(keywords)</label>
                            <input type="text" id="keywords" name="TYPO3_CONF_VARS[SEO][keywords]" value="{TYPO3_CONF_VARS.SEO.keywords}" class="form-control" />
                        </div>
                        <div class="form-group">
                            <label for="description">描述(description)</label>
                            <textarea type="text" id="description" name="TYPO3_CONF_VARS[SEO][description]" class="form-control">{TYPO3_CONF_VARS.SEO.description}</textarea>
                        </div>
                        <div class="form-group">
                            <label for="author">作者(author)</label>
                            <input type="text" id="author" name="TYPO3_CONF_VARS[SEO][author]" value="{TYPO3_CONF_VARS.SEO.author}" class="form-control" />
                        </div>
                        <div class="form-group">
                            <label for="baidukey">百度统计KEY</label>
                            <input type="text" id="baidukey" name="TYPO3_CONF_VARS[SEO][baidukey]" value="{TYPO3_CONF_VARS.SEO.baidukey}" class="form-control" />
                        </div>
                        <div class="well">
                            这是全局SEO设置，如果需要设置指定页面的SEO信息，请<a href="typo3/" title="登录">登录</a>总后台编辑页面属性SEO。
                        </div>
                    </div>
                    <div class="tab-pane" id="style">
                        <div class="form-group row">
                            <div class="col-md-3">
                                <label for="navBgColor">导航条背景色</label>
                                <input type="text" id="navBgColor" name="TYPO3_CONF_VARS[STYLE][navBgColor]" class="form-control colorpicker" value="{TYPO3_CONF_VARS.STYLE.navBgColor}" style="background: {TYPO3_CONF_VARS.STYLE.navBgColor};" />
                                <span class="help-block m-b-none">默认：rgba(65, 184, 133, 0.6)</span>
                            </div>
                        </div>
                        <hr/>
                        <div class="form-group row">
                            <div class="col-md-3">
                                <label for="bannerBgColor">Banner背景色</label>
                                <input type="text" id="bannerBgColor" name="TYPO3_CONF_VARS[STYLE][bannerBgColor]" class="form-control colorpicker" value="{TYPO3_CONF_VARS.STYLE.bannerBgColor}" style="background: {TYPO3_CONF_VARS.STYLE.bannerBgColor};" />
                                <span class="help-block m-b-none">默认：rgba(69, 184, 135, 0.2)</span>
                            </div>
                        </div>
                        <hr/>
                        <div class="form-group row">
                            <div class="col-md-3">
                                <label for="aHoverColor">链接hover颜色</label>
                                <input type="text" id="aHoverColor" name="TYPO3_CONF_VARS[STYLE][aHoverColor]" class="form-control colorpicker" value="{TYPO3_CONF_VARS.STYLE.aHoverColor}" style="background: {TYPO3_CONF_VARS.STYLE.aHoverColor};" />
                                <span class="help-block m-b-none">默认：#45b887</span>
                            </div>
                        </div>
                        <hr/>
                        <div class="form-group row">
                            <div class="col-md-3">
                                <label for="template">模板名称</label>
                                <input type="text" id="template" name="TYPO3_CONF_VARS[STYLE][template]" class="form-control" value="{TYPO3_CONF_VARS.STYLE.template}" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="template_color">主题色</label>
                            <select name="TYPO3_CONF_VARS[STYLE][template_color]" id="template_color" class="form-control">
                                <option value="default" <f:if condition="{TYPO3_CONF_VARS.STYLE.template_color} == 'default'">selected="selected"</f:if>>默认</option>
                                <option value="blue1" <f:if condition="{TYPO3_CONF_VARS.STYLE.template_color} == 'blue1'">selected="selected"</f:if>>蓝色1</option>
                                <option value="blue2" <f:if condition="{TYPO3_CONF_VARS.STYLE.template_color} == 'blue2'">selected="selected"</f:if>>蓝色2</option>
                                <option value="blue3" <f:if condition="{TYPO3_CONF_VARS.STYLE.template_color} == 'blue3'">selected="selected"</f:if>>蓝色3</option>
                                <option value="brown1" <f:if condition="{TYPO3_CONF_VARS.STYLE.template_color} == 'brown1'">selected="selected"</f:if>>棕色1</option>
                                <option value="brown2" <f:if condition="{TYPO3_CONF_VARS.STYLE.template_color} == 'brown2'">selected="selected"</f:if>>棕色2</option>
                                <option value="brown3" <f:if condition="{TYPO3_CONF_VARS.STYLE.template_color} == 'brown3'">selected="selected"</f:if>>棕色3</option>
                                <option value="dark1" <f:if condition="{TYPO3_CONF_VARS.STYLE.template_color} == 'dark1'">selected="selected"</f:if>>暗色1</option>
                                <option value="dark2" <f:if condition="{TYPO3_CONF_VARS.STYLE.template_color} == 'dark2'">selected="selected"</f:if>>暗色2</option>
                                <option value="dark3" <f:if condition="{TYPO3_CONF_VARS.STYLE.template_color} == 'dark3'">selected="selected"</f:if>>暗色3</option>
                                <option value="green1" <f:if condition="{TYPO3_CONF_VARS.STYLE.template_color} == 'green1'">selected="selected"</f:if>>绿色1</option>
                                <option value="green2" <f:if condition="{TYPO3_CONF_VARS.STYLE.template_color} == 'green2'">selected="selected"</f:if>>绿色2</option>
                                <option value="green3" <f:if condition="{TYPO3_CONF_VARS.STYLE.template_color} == 'green3'">selected="selected"</f:if>>绿色3</option>
                                <option value="purple1" <f:if condition="{TYPO3_CONF_VARS.STYLE.template_color} == 'purple1'">selected="selected"</f:if>>紫色1</option>
                                <option value="purple2" <f:if condition="{TYPO3_CONF_VARS.STYLE.template_color} == 'purple2'">selected="selected"</f:if>>紫色2</option>
                                <option value="purple3" <f:if condition="{TYPO3_CONF_VARS.STYLE.template_color} == 'purple3'">selected="selected"</f:if>>紫色3</option>
                                <option value="red1" <f:if condition="{TYPO3_CONF_VARS.STYLE.template_color} == 'red1'">selected="selected"</f:if>>红色1</option>
                                <option value="red2" <f:if condition="{TYPO3_CONF_VARS.STYLE.template_color} == 'red2'">selected="selected"</f:if>>红色2</option>
                                <option value="red3" <f:if condition="{TYPO3_CONF_VARS.STYLE.template_color} == 'red3'">selected="selected"</f:if>>红色3</option>
                                <option value="yellow1" <f:if condition="{TYPO3_CONF_VARS.STYLE.template_color} == 'yellow1'">selected="selected"</f:if>>黄色1</option>
                                <option value="yellow2" <f:if condition="{TYPO3_CONF_VARS.STYLE.template_color} == 'yellow2'">selected="selected"</f:if>>黄色2</option>
                                <option value="yellow3" <f:if condition="{TYPO3_CONF_VARS.STYLE.template_color} == 'yellow3'">selected="selected"</f:if>>黄色3</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label for="banner">Banner</label>
                            <pre><img src="fileadmin/templates/{template}/public/images/banner.jpg?hash={hash}" class="img-responsive" alt="" /></pre>
                            <input id="banner" type="file" name="banner" data-classbutton="btn btn-default" data-classinput="form-control inline" class="filestyle form-control" />
                        </div>
                    </div>
                    <div class="tab-pane" id="mail">
                        <div class="form-group">
                            <label for="transport">邮件引擎</label>
                            <select name="TYPO3_CONF_VARS[MAIL][transport]" id="transport" class="form-control">
                                <option value="mail" <f:if condition="{TYPO3_CONF_VARS.MAIL.transport} == 'mail'">selected="selected"</f:if>>mail</option>
                                <option value="smtp" <f:if condition="{TYPO3_CONF_VARS.MAIL.transport} == 'smtp'">selected="selected"</f:if>>smtp</option>
                                <option value="sendmail" <f:if condition="{TYPO3_CONF_VARS.MAIL.transport} == 'sendmail'">selected="selected"</f:if>>sendmail</option>
                            </select>
                        </div>
                        <hr/>
                        <div class="form-group">
                            <label for="defaultMailFromAddress">发件人邮箱</label>
                            <input type="text" id="defaultMailFromAddress" name="TYPO3_CONF_VARS[MAIL][defaultMailFromAddress]" value="{TYPO3_CONF_VARS.MAIL.defaultMailFromAddress}" class="form-control" />
                        </div>
                        <div class="form-group">
                            <label for="defaultMailFromName">发件人姓名</label>
                            <input type="text" id="defaultMailFromName" name="TYPO3_CONF_VARS[MAIL][defaultMailFromName]" value="{TYPO3_CONF_VARS.MAIL.defaultMailFromName}" class="form-control" />
                        </div>
                        <hr/>
                        <div class="form-group">
                            <label for="transport_smtp_server">SMTP Server</label>
                            <input type="text" id="transport_smtp_server" name="TYPO3_CONF_VARS[MAIL][transport_smtp_server]" value="{TYPO3_CONF_VARS.MAIL.transport_smtp_server}" class="form-control" />
                            <span class="help-block m-b-none">邮件引擎为smtp有效，格式：server:port</span>
                        </div>
                        <div class="form-group">
                            <label for="transport_smtp_encrypt">SMTP加密</label>
                            <select name="TYPO3_CONF_VARS[MAIL][transport_smtp_encrypt]" id="transport_smtp_encrypt" class="form-control">
                                <option value="">无</option>
                                <option value="ssl" <f:if condition="{TYPO3_CONF_VARS.MAIL.transport_smtp_encrypt} == 'ssl'">selected="selected"</f:if>>ssl</option>
                                <option value="sslv2" <f:if condition="{TYPO3_CONF_VARS.MAIL.transport_smtp_encrypt} == 'sslv2'">selected="selected"</f:if>>sslv2</option>
                                <option value="sslv3" <f:if condition="{TYPO3_CONF_VARS.MAIL.transport_smtp_encrypt} == 'sslv3'">selected="selected"</f:if>>sslv3</option>
                                <option value="tls" <f:if condition="{TYPO3_CONF_VARS.MAIL.transport_smtp_encrypt} == 'tls'">selected="selected"</f:if>>tls</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label for="transport_smtp_username">SMTP用户名</label>
                            <input type="text" id="transport_smtp_username" name="TYPO3_CONF_VARS[MAIL][transport_smtp_username]" value="{TYPO3_CONF_VARS.MAIL.transport_smtp_username}" class="form-control" />
                        </div>
                        <div class="form-group">
                            <label for="transport_smtp_password">SMTP密码</label>
                            <input type="text" id="transport_smtp_password" name="TYPO3_CONF_VARS[MAIL][transport_smtp_password]" value="{TYPO3_CONF_VARS.MAIL.transport_smtp_password}" class="form-control" />
                        </div>
                    </div>
                    <div class="tab-pane" id="wechat">
                        <div class="form-group">
                            <label for="wx_appid">AppID</label>
                            <input type="text" id="wx_appid" name="TYPO3_CONF_VARS[WECHAT][appid]" value="{TYPO3_CONF_VARS.WECHAT.appid}" class="form-control" />
                            <span class="help-block m-b-none">微信公众号身份的唯一标识。审核通过后，在微信发送的邮件中查看</span>
                        </div>
                        <div class="form-group">
                            <label for="wx_appsecret">AppSecret</label>
                            <input type="text" id="wx_appsecret" name="TYPO3_CONF_VARS[WECHAT][appsecret]" value="{TYPO3_CONF_VARS.WECHAT.appsecret}" class="form-control" />
                            <span class="help-block m-b-none">审核后在公众平台开启开发模式后可查看</span>
                        </div>
                        <div class="form-group">
                            <label for="wx_mchid">MchID</label>
                            <input type="text" id="wx_mchid" name="TYPO3_CONF_VARS[WECHAT][mchid]" value="{TYPO3_CONF_VARS.WECHAT.mchid}" class="form-control" />
                            <span class="help-block m-b-none">微信支付分配的商户号</span>
                        </div>
                        <div class="form-group">
                            <label for="wx_key">Key</label>
                            <input type="text" id="wx_key" name="TYPO3_CONF_VARS[WECHAT][key]" value="{TYPO3_CONF_VARS.WECHAT.key}" class="form-control" />
                            <span class="help-block m-b-none">商户支付密钥Key。审核通过后，在微信发送的邮件中查看</span>
                        </div>
                        <div class="well">
                            这里设置微信收款相关账号信息，详情请点击 <a href="http://kf.qq.com/product/wechatpaymentmerchant.html" target="_blank">微信支付</a>
                        </div>
                    </div>
                    <div class="tab-pane" id="alipay">
                        <div class="form-group">
                            <label for="alipay_service">接口类型</label>
                            <select name="TYPO3_CONF_VARS[ALIPAY][service]" id="alipay_service" class="form-control">
                                <option value="create_direct_pay_by_user" <f:if condition="{TYPO3_CONF_VARS.ALIPAY.service} == 'create_direct_pay_by_user'">selected="selected"</f:if>>即时到账收款</option>
                                <option value="create_donate_trade_p" <f:if condition="{TYPO3_CONF_VARS.ALIPAY.service} == 'create_donate_trade_p'">selected="selected"</f:if>>公募组织接口</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label for="alipay_account">支付宝账号</label>
                            <input type="text" id="alipay_account" name="TYPO3_CONF_VARS[ALIPAY][account]" value="{TYPO3_CONF_VARS.ALIPAY.account}" class="form-control" />
                        </div>
                        <div class="form-group">
                            <label for="alipay_partner">合作者身份</label>
                            <input type="text" id="alipay_partner" name="TYPO3_CONF_VARS[ALIPAY][partner]" value="{TYPO3_CONF_VARS.ALIPAY.partner}" class="form-control" />
                        </div>
                        <div class="form-group">
                            <label for="alipay_key">安全校验码</label>
                            <input type="text" id="alipay_key" name="TYPO3_CONF_VARS[ALIPAY][key]" value="{TYPO3_CONF_VARS.ALIPAY.key}" class="form-control" />
                        </div>
                        <div class="well">
                            这里设置支付宝收款相关账号信息，详情请点击 <a href="https://app.alipay.com/market/productIndex.htm" target="_blank">即时到账收款</a>
                        </div>
                    </div>
                    <div class="tab-pane" id="certificate">
                        <div class="form-group">
                            <label for="certificate_file">证书模板</label>
                            <br/>
                            <input id="certificate_file" type="file" name="certificate_file" data-classbutton="btn btn-default" data-classinput="form-control inline" class="filestyle form-control" />
                        </div>
                        <div class="form-group">
                            <label for="certificate_prefix">编号前辍</label>
                            <input type="text" id="certificate_prefix" name="TYPO3_CONF_VARS[CERTIFICATE][prefix]" value="{TYPO3_CONF_VARS.CERTIFICATE.prefix}" class="form-control" />
                        </div>
                        <div class="form-group">
                            <label for="certificate_header_name">抬头位置</label>
                            <input type="text" id="certificate_header_name" name="TYPO3_CONF_VARS[CERTIFICATE][header]" value="{TYPO3_CONF_VARS.CERTIFICATE.header}" class="form-control" />
                            <span class="help-block m-b-none">格式: 横坐标,纵坐标</span>
                        </div>
                        <div class="form-group">
                            <label for="certificate_money">金额位置</label>
                            <input type="text" id="certificate_money" name="TYPO3_CONF_VARS[CERTIFICATE][money]" value="{TYPO3_CONF_VARS.CERTIFICATE.money}" class="form-control" />
                            <span class="help-block m-b-none">格式: 横坐标,纵坐标</span>
                        </div>
                        <div class="form-group">
                            <label for="certificate_number">编号位置</label>
                            <input type="text" id="certificate_number" name="TYPO3_CONF_VARS[CERTIFICATE][number]" value="{TYPO3_CONF_VARS.CERTIFICATE.number}" class="form-control" />
                            <span class="help-block m-b-none">格式: 横坐标,纵坐标</span>
                        </div>
                        <div class="form-group">
                            <label for="certificate_date">日期位置</label>
                            <input type="text" id="certificate_date" name="TYPO3_CONF_VARS[CERTIFICATE][date]" value="{TYPO3_CONF_VARS.CERTIFICATE.date}" class="form-control" />
                            <span class="help-block m-b-none">格式: 横坐标,纵坐标</span>
                        </div>
                        <div class="form-group">
                            <label for="certificate_number">证书预览</label>
                            <img src="uploads/certificate/CERT-DEMO.jpg?hash={hash}" class="img-responsive" />
                        </div>
                    </div>
                </div>
            </fieldset>
            <div class="form-buttons">
                <f:form.submit value="保存" class="btn btn-success"/>
            </div>
        </f:form>
        <div class="hide"><f:flashMessages renderMode="div" /></div>
    </div>
</f:section>